<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body style="margin: 0; padding: 0; color: white">
    <div
      style="
        background-color: #181925;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        max-width: 470px;
        padding: 42px 32px 58px 32px;
        box-sizing: border-box;
      "
    >
      <img src="https://www.fantasi.one/fantasi-logo.png" alt="email-logo" style="display: block; margin: 0 auto" />
      <div style="margin-top: 40px">
        <div style="margin: 0; text-align: left; font-size: 14px; font-weight: 400; line-height: 20px; color: white">
          <p style="margin: 0; margin-bottom: 8px">Hi {username},</p>
          <p style="margin: 0; font-weight: 500">Fantasi: Receipt for Transaction ID 8079079079 has been issued</p>
          <p style="margin: 0">Transaction Date: 2024-02-02</p>
          <p style="margin: 0">Amount: $2999</p>
          <p style="margin: 0">Transaction ID: 8079079079</p>
          <p style="margin: 0">Transaction Type: Fantasi {Creator Name} Subscription</p>
          <br />
          <p style="margin: 0">To view your payment records, please follow the steps below:</p>
          <p style="margin: 0">1.Log in to <span style="color: #f42c52">Fantasi</span></p>
          <p style="margin: 0">2.Go to [My] in the bottom navigation bar and tap on "Order and Subscription Records"</p>
          <p style="margin: 0">Best regards,</p>
          <p style="margin: 0; margin-bottom: 24px">The Fantasi Team</p>
        </div>
        <div style="width: 100%; height: 0.5px; background-color: white; margin-bottom: 24px"></div>
        <div style="width: 100%; text-align: left">
          <table style="width: 100%; font-size: 14px; font-weight: 500; line-height: 20px">
            <tr>
              <td style="width: 33.33%; vertical-align: top">
                <div style="max-width: 133px">
                  <p style="margin: 0; color: #b8b8b8">This is automated. Got feedback or need help?</p>
                  <p style="margin: 0; margin-bottom: 30px">
                    <a href="mailto:support@fantasi.one" style="color: #f42c52; text-decoration: none">Contact us.</a>
                  </p>
                  <p style="margin: 0; color: #b8b8b8">＠Fantasi 2024.</p>
                </div>
              </td>
              <td style="width: 33.33%"></td>
              <td style="width: 33.33%; vertical-align: top">
                <p style="margin: 0; margin-bottom: 2px">Fantasi Support Team</p>
                <p style="margin: 0; margin-bottom: 2px">
                  <a href="https://fantasi.one/mine?page=2&name=support" style="color: #b8b8b8; text-decoration: none"
                    >Help Center</a
                  >
                </p>
                <p style="margin: 0; margin-bottom: 2px">
                  <a
                    href="https://fantasi.one/en/mine?page=3&name=privacy-policy"
                    style="color: #b8b8b8; text-decoration: none"
                  >
                    Privacy Policy
                  </a>
                </p>
                <p style="margin: 0">
                  <a href="{cancel_email_notification}" style="color: #b8b8b8; text-decoration: none"
                    >Unsubscribe emails</a
                  >
                </p>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
  </body>
</html>
